<script setup>
// import { useUrl } from '~~/composables/states';
// import { useModalImage } from '~~/store/modal_image';

const image_link = useModalImage();
const urlHome = useUrl();
const urlCutHome = urlHome.value.slice(0, urlHome.value.length - 1);

</script>
<template>
    <div id="1" class="modal modal-bottom sm:modal-middle">
        <div class="modal-box w-11/12 max-w-5xl">
            <!-- <h3 class="font-bold text-lg">Congratulations random Internet user!</h3>
            <p class="py-4">You've been selected for a chance to get one year of subscription to use Wikipedia for free!</p> -->
            <img :src="urlCutHome + image_link.value" alt="image" class="max-h-100">
            <div class="modal-action">
                <label for="my-modal-6" class="btn">Ок!</label>
            </div>
        </div>
    </div>
</template>